<template>
    <div>
        <!-- 将来 谁使用次轮播图组件，谁为我们传递lunbotu -->
   <!-- 此时，lunbotu应该是父组件向子组件传值来设置 -->
        <mt-swipe :auto="4000">
        <mt-swipe-item v-for="(val,i) in lunbotu" :key="i">
            <a href="##"><img :src="val.img_url" alt=""></a>
        </mt-swipe-item>        
	</mt-swipe>
    </div>
</template>
<script>
    export default {
        props:['lunbotu']
    }
</script>
<style lang="scss" scoped>
    div{
        .mint-swipe{
            height: 200px;
            .mint-swipe-item{
                &:nth-child(1){
                background-color:red;}
                &:nth-child(2){
                background-color:green;}
                &:nth-child(3){
                background-color:pink;}
                img{
                    width: 100%;
                }
            }
        }
    }
</style>
